<template>
 <ConfigProvider :locale="getAntdLocale" :theme="themeConfig">
  <RouterView />
 </ConfigProvider>
</template>
<script lang="ts" setup>
import { ConfigProvider } from 'ant-design-vue'
import { useLocale } from '@/locale/useLocale'
import { computed } from 'vue'

const { getAntdLocale } = useLocale()

const themeConfig = computed(() => {
  Object.assign(
    {
      token: {
        colorPrimary: '#0960bd',
        colorSuccess: '#55D187',
        colorWarning: '#EFBD47',
        colorError: '#ED6F6F',
        colorInfo: '#0960bd'
      }
    }
  )
})
</script>